@charset "utf-8";
/* CSS Document */
html {	
	font-size: 62.5%;
}

body {
	font-family: 'Roboto', Arial, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;		
}

a, a:hover, a:link, a:visited {
    color: #000;
    text-decoration: underline;
}

@supports (text-decoration: dotted underline) {
    abbr[title], acronym[title] {  border-bottom-color:inherit; text-decoration: none;}
}

abbr[title] {border-bottom: 1px dotted #777}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0!important;
    padding-right: 0!important;
    position: relative;
}
.container-fluid > div > header {position:relative; padding-top: 10px; margin-bottom: 20px}

.rq-toolbar-reseau > ul{
	float: right;
	margin: 20px 0 0;
	padding: 0;
	min-width:40px;	
}
.rq-toolbar-reseau > ul > li { list-style:none; display: inline-block; float: left}
.rq-toolbar-reseau > ul > li a, .rq-toolbar-reseau > ul > li button{display: block; width: 40px; height: 40px; padding: 8px 4px 7px  }

.rq-toolbar-reseau > ul > li a img{ max-width: 90%; height: auto; display: block; margin:0 auto}

.rq-tuile {border: none;border-radius: 5px; color: #fff; font-size: 2rem}
.rq-tuile:hover {
    -webkit-box-shadow: 0 0 10px rgba(102, 175, 233, .6);
	box-shadow:  0 0 10px rgba(102, 175, 233, .6);   
    transform: translate(0, -2px);
}

.rq-toolbar-reseau .rq-tuile {margin-left: 5px}
.rq-toolbar-reseau .rq-btn-menu,
.rq-toolbar-reseau .rq-ico-fb:not(.active), 
.rq-toolbar-reseau .rq-ico-ed:not(.active), 
.rq-toolbar-reseau .rq-ico-sss:not(.active),
.rq-toolbar-reseau .rq-ico-rrem:not(.active) {background-color: #9a9a9a}

.rq-ico-fb, 
.rq-toolbar-reseau .rq-ico-fb:not(.active):hover, 
.rq-toolbar-reseau .rq-ico-fb:not(.active):focus {background-color: #007299}
.rq-ico-ed, 
.rq-toolbar-reseau .rq-ico-ed:not(.active):hover, 
.rq-toolbar-reseau .rq-ico-ed:not(.active):focus {background-color: #534f8f}
.rq-ico-sss, 
.rq-toolbar-reseau .rq-ico-sss:not(.active):hover, 
.rq-toolbar-reseau .rq-ico-sss:not(.active):focus {background-color: #008471}
.rq-ico-rrem, 
.rq-toolbar-reseau .rq-ico-rrem:not(.active):hover, 
.rq-toolbar-reseau .rq-ico-rrem:not(.active):focus {background-color: #983540}

.rq-btn-menu:hover, .rq-btn-menu:focus {background-color: #161616}

div > header h1{ font-size: 2.5rem; color: #333; margin-top: 1.8rem}
div > header h1 span {color: #899198; display: block}

header .btn-link {
    color: #000;
    font-size: 1.5rem;
 }

header .btn-link i{
	margin-right:0.5rem
}
.popover {
	font-size:1.5rem	
}

header .btn-link span{
	text-decoration:underline
}

header::after{
	content:"";
	display:table;
	clear:all
}

.rq-main { 
	margin-top: 20px; 
	margin-bottom:30px
}

.rq-main nav { 
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #fff;
    z-index: 1000;
    transition:left .5s
}

.rq-main nav h1 { font-size: 1.6rem; padding: 10px 0}
.rq-main nav .rq-btn-close { 
    border:none; 
    background: none;
    font-size: 2rem;    
    display: block;
    max-width: 40px;
    position: absolute;
    right: 15px;
    top:10px
}

.rq-main nav .nav{
    padding: 10px;
        
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e7e7+0,ffffff+24&1+0,0+24 */
background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,0) 160px); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(255,255,255,0) 160px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(231,231,231,1) 0%,rgba(255,255,255,0) 160px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ 
}

.rq-guide-categorie { padding-left:10px}
.rq-guide-categorie-titre { font-size: 1.9rem; font-weight: 700; display: block; padding: 0 0 8px 0}
.rq-guide-categorie .custom-checkbox { font-size: 1.6rem;}
.rq-guide-categorie .custom-control-label {padding-left: 6px}
.rq-guide-categorie .custom-control-label::before { background-color:#fff; border: 1px solid #9b9b9b; border-radius:2px;  width: 1.4rem; height: 1.4rem}
.rq-guide-categorie .custom-control-label::after{ width: 1.4rem; height: 1.4rem}

.field-validation-error {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 1.2rem;
    color: #dc3545;
}

.rq-guide-categorie.input-validation-error .field-validation-error { display:block}

.rq-guide-categorie.input-validation-error .custom-control-label::before {
    background-color: #fff;
    border: 1px solid #dc3545;
}

.rq-guide-categorie.input-validation-error .custom-control-label {
    color: #dc3545;
}

.sticky{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.rq-menu ul {
    margin: 0;
    padding: 0;    
}
.rq-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none
}

.rq-menu > ul > li > a,
.rq-menu > div > ul > li > a {
    display: block;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    padding: 1rem 0.75rem;
    border: none;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e5e5e5;
    border-bottom-color: rgba(0,0,0, 0.1);
    position: relative;
    line-height: 2rem;
    background-color: transparent;
    font-size: 1.6rem;
    font-weight: 700
}

.rq-menu > ul > li > a:focus, 
.rq-menu > ul > li > a:hover,
.rq-menu > div > ul > li > a:focus, 
.rq-menu > div > ul > li > a:hover {
  background-color: rgba(248, 248, 248, 0.5)  
}

.rq-menu > ul > li > a.active,
.rq-menu > div > ul > li.pageActive > a {
  background-color: rgb(248, 248, 248)   
}

.rq-sous-menu { background-color: #fff; padding: 10px; font-size: 1.6rem}

.rq-sous-menu li::before { content:"-"; position: absolute; top:0; display: inline-block; left: 0}
.rq-sous-menu li { padding-left: 15px; position: relative}
.rq-sous-menu li a { text-decoration: none; padding: 4px 0}
.rq-sous-menu li a:hover,  .rq-sous-menu li a:focus { text-decoration: underline}
.rq-sous-menu li a.active { font-weight: bold}

.rq-main-section {   
    font-size: 1.6rem;
}

.rq-liste-titre { display:none}

.rq-main-accueil { width: 90%; margin: 0 auto}

.rq-border-top{border-top:1px solid #bdbdbd}

.rq-main-section h1 {font-weight:500; font-size: 3.4rem; margin:0 0  15px;}
.rq-main-section .rq-liste-titre h2 {font-weight:600; font-size: 2.8rem; margin:15px 0  25px; position:relative}
.rq-main-section .rq-liste-titre h2::after {
    content: '';
    width: 95px;
    height: 3px;
    background-color: #ddd;
    position: absolute;
    bottom: -10px;
    left: 0;}
.rq-main-section h3 {font-weight:600; font-size: 2.4rem; margin-top:15px; margin-bottom:1rem;}
.rq-main-section h4 {font-weight:600; font-size: 2.1rem; margin-bottom:1rem; }
.rq-main-section h5 {font-weight:bold; font-size: 1.9rem; margin-bottom:1rem; }
.rq-main-section h6 {/*font-weight:bold;*/ font-size: 1.8rem; color: #666; margin-bottom:1rem; }
.rq-main-section > ul { margin-bottom:20px}

.rq-main-section i > sup { margin-left:0.15rem;}

.rq-guide-titres span{ color:#444; font-size:2rem}

span.liaison-et-ou { display:block; padding:8px 8px 0 8px}

.rq-main-section img {
  max-width: 100%;
  height: auto;	
  margin-bottom: 15px;
}

.fil-ariane { margin:15px 0 30px}
.fil-ariane ul {
    margin: 0;
    padding: 0;
}
.fil-ariane ul>li {
    list-style-type: none;
    background: 0 0;     
    display: inline-block;   
    margin: 8px 0 0 10px;   
    font-size: 1.2rem;
    font-weight: 600;    
}
.fil-ariane li:not(:first-child) a:before {
    display: inline;
    content: ">";
    padding: 0 8px;
}
.fil-ariane ul>li:first-child {margin-left: 0}
.fil-ariane ul li:last-child {display: none}

.fil-ariane ul>li a {   
    color:#000;
    display: block;
    width: 100%;   
    padding: 5px 10px;
    background-color: rgba(231,231,231,1);
    border-radius: 15px;
    text-decoration: none
}

.fil-ariane ul>li a:active, .fil-ariane ul>li a:visited {color:#000;}
.fil-ariane ul>li a:focus,
.fil-ariane ul>li a:hover { color: #fff}

/*  Encarts */
.encart-plein,  .encart-bordure{
	padding: 10px 20px; 	
	margin:15px 0 25px 0; 	
	position:relative;
	background-color: #fff;      
    border: 1px solid transparent;	
	border-radius:0.2em;	
}	

.encart-plein p::last-child,  .encart-bordure p{ margin-bottom:0;}
.encart-plein > *,  .encart-plein h2{ color:#fff!important;}	
.encart-plein.inline > * { display:inline}
.encart-plein {background-color:#333; border-color:#000;}

.encart-nouveautes{
	padding: 15px 10px 10px 20px; 	
	margin:25px 0 15px 30px; 	
	position:relative;
	background-color: #fae8d9;      
    border: 1px solid #c25f21;    
}

.encart-nouveautes * {color:#000;}
.encart-nouveautes > img {
	position: absolute;
    top: -10px;
    margin-top: 0;
    left: -30px;
}

.encart-bordure { border-color:#444; background-color:#f0f0ef}

.encart-vide {
	padding: 10px; 	
	margin:35px 0 15px 0; 	
	position:relative;
	background-color: #fff;      
    border: 1px solid #dedede;	
}

p + .encart-vide { margin-top:25px;}

.encart-vide > strong { background-color: #fff; font-size:larger; font-weight: 500; left: 20px;padding: 2px 12px 2px 10px;position: absolute; top: -12px; margin:0!important}

.encart-vide .encart-vide > strong {font-size:large;}

.encart-vide > strong + * { padding-top:10px}
.encart-vide > p{ padding-left:20px}

.encart-vide > .marges { 	
	margin: 5px 20px 0;	
}
.encart-vide a.btn-primary.rounded { 	
	text-decoration:none;
	border-radius: .5rem !important;
	display: inline-block;
}
.encart-vide a.btn-primary.rounded:hover { 	
	-webkit-box-shadow: 0 0 10px rgb(102 175 233 / 60%);
    box-shadow: 0 0 10px rgb(102 175 233 / 60%);
}

/*.margeEtape {
	margin-left:70px;
}*/

.math-symbole { 
	display: block;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #333;
    border: 1px solid #000;   
    width: 22px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 100%;
}

.tbl-formule-simple td {position:relative; padding-left:20px!important; padding-right:20px!important;}
.tbl-formule-simple td > .math-symbole {position:absolute; left:-12px;}

.table-thTop th {vertical-align:top;}

table > caption {	
	font-size: 1.8rem; 	
	color: #333;
	font-weight:normal;
	padding-top: 6px;
	padding-bottom: 6px;
	border-top: 1px dotted #c7c7c7;	
	border-bottom: 1px solid #000;
	margin:10px 0 0 0;
	text-align:center;
	background-color:#fff;
	caption-side: top
}

table + p, table + ul, table + ol {margin-top:15px}

.table-msg-number td > p:last-child {margin-bottom:0;}

.tableau-simple tr > td {padding:5px;}

.table-responsive {border: none!important; margin:15px 0;} /* Overstyle Bootstrap*/
.table-responsive > table {margin:0!important;}
.table-compresse {width:60%!important}

.tbl-layout-fixed{table-layout: fixed;}

.tbl-derniere-col-nombre td:last-child {text-align:right;}

.table-couleur {background-color:#f0f0ef; margin:15px 0 15px;}
.table-couleur > thead > tr > th, .table-couleur > thead > tr > td {vertical-align:middle; background-color:#444; border-left:1px solid #ccc; color:#fff; border-bottom:1px solid #fff;}
.table-couleur.valign-middle > tbody > tr > th, .table-couleur > tbody > tr > td, .valign-middle {vertical-align:middle;}
.table-couleur.valign-top > tbody > tr > th, .table-couleur.valign-top > tbody > tr > td, .valign-top {vertical-align:top;}
.table-couleur > thead > tr > th a, .table-couleur > thead > tr > td a {color:#fff;}
.table-couleur > thead > tr > th:first-child, .table-couleur > thead > tr > td:first-child {border-left:none;}
.table-couleur > tbody > tr > th {background-color:#e7e7e6; font-weight:normal}
.table-couleur > tbody > tr > td, .table-couleur > tr > td, .table-couleur > tbody > tr > th, .table-couleur > tr > th {color:#000; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-top:none}
.darkerCell {background-color:#444 !important; color:#fff !important;}
.darkCell {background-color:#e7e7e6 !important;}


.tbl-donnee-num {table-layout:fixed; width:100%;}
.tbl-donnee-num tbody th,.tbl-donnee-num tbody td {white-space:nowrap}
.tbl-donnee-num.tbl-col-1-txt{ table-layout:auto;}
.tbl-donnee-num.tbl-col-1-txt th:first-child, .tbl-donnee-num.tbl-col-1-txt td:first-child {white-space:normal;}
.tbl-donnee-num.tbl-col-2-txt th:first-child, .tbl-donnee-num.tbl-col-2-txt td:first-child,
.tbl-donnee-num.tbl-col-2-txt th:first-child + th, .tbl-donnee-num.tbl-col-2-txt td:first-child + td {white-space:normal;}
.tbl-donnee-num td:not(:first-child), .tbl-donnee-num th:not(:first-child) {text-align:right;}
.tbl-donnee-num.tbl-col-2-txt td:first-child + td, .tbl-donnee-num.tbl-col-2-txt th:first-child + th {text-align:left;}
.tbl-donnee-num.tbl-col-1-txt thead th {text-align:center;}

.align-droite td {text-align:right;}
.align-droite thead th {text-align:center;}
.align-droite td:first-child {text-align:left;}

.tbl-formule, .tbl-formule-complexe  {width:100%; margin:15px 0 15px;}
.tbl-formule.resultats-gauche {width:auto; }
.tbl-formule td, .tbl-formule-complexe td {vertical-align:middle; padding:2px;}
.tbl-formule td:first-child {text-align:left; width:35%}
.tbl-formule.w-auto td:first-child {width:auto}
.tbl-formule.resultats-gauche td:first-child {width:auto; text-align:center}
.tbl-formule .operateur, .tbl-formule-complexe .operateur {text-align:center; width:6%; font-size:x-large}
.tbl-formule.resultats-gauche td.operateur {font-size:medium}
.tbl-formule td.operateur + td {text-align:center;}
.tbl-formule td hr, .tbl-formule-complexe td hr {margin-top: 5px; margin-bottom: 5px; border: 0; border-top: 1px solid #333}
.tbl-formule + .note, .tbl-formule-complexe + .note {border-top:1px dotted #ccc; font-size:90%; border-collapse:separate; border-spacing:5px; padding:5px 0 0; margin:10px 0 0;}
.tbl-formule + .note p, .tbl-formule-complexe + .note p {margin-bottom:0.5rem;}
.tbl-formule + .note p:first-child, .tbl-formule-complexe + .note p:first-child {margin-top:4px;}


.formule-parenthese-crochet {font-size: xx-large; padding:0; color:#777}

.tbl-formule .border-top, .tbl-formule-complexe .border-top { border-top: 1px solid #333 !important}
.tbl-formule .border-top-gray, .tbl-formule-complexe .border-top-gray { border-top: 1px solid #dee2e6 !important}

.clsSupRetraitG {margin-left:-19px; vertical-align:super; line-height:100%;}
.formules sub, .formules sup  {margin-left:4px;}
.formules .clsSupRetraitG {margin-left:-16px; vertical-align:super; line-height:100%;}
.formules .row + p{ margin:15px 0}
.row.formules + p{ margin:15px 0}

.rq-colw-5 {
     width:5%!important
}
.rq-colw-10 {
     width:10%!important
}
.rq-colw-15 {
     width:15%!important
}
.rq-colw-20 {
     width:20%!important
}
.rq-colw-25 {
     width:25%!important
}
.rq-colw-30 {
     width:30%!important
}
.rq-colw-35 {
     width:35%!important
}
.rq-colw-33 {
     width:33.33%!important
}
.rq-colw-40 {
     width:40%!important
}
.rq-colw-45 {
     width:45%!important
}
.rq-colw-50 {
     width:50%!important
}
.rq-colw-55 {
     width:55%!important
}
.rq-colw-60 {
     width:60%!important
}
.rq-colw-65 {
     width:65%!important
}
.rq-colw-70 {
     width:70%!important
}
.rq-colw-75 {
     width:75%!important
}
.rq-colw-80 {
     width:80%!important
}
.rq-colw-85 {
     width:85%!important
}
.rq-colw-90 {
     width:90%!important
}
.rq-colw-95 {
     width:95%!important
}

.rq-guide-nouveautes {
	padding: 15px; 	
	margin:35px 0 15px 0; 	
	position:relative;
	background-color: #fff;      
    border: 1px solid #dedede;	
}

.rq-guide-nouveautes { display:none; margin-bottom:25px}
.rq-guide-nouveautes > h2 {font-size: 2rem; color:#444; background-color: #fff; font-weight: 500; left: 20px;padding: 2px 12px 2px 10px; position: absolute; top: -12px; margin:0!important}
.rq-guide-nouveautes h3 { font-size:1.8rem }
.rq-guide-nouveautes .date {
    color:#000;
    display: inline-block;
    width: auto;   
    padding: 5px 10px;
    background-color: rgba(231,231,231,1);
    border-radius: 15px;
    font-size: 1.2rem;
    white-space: nowrap;
    margin: 0 0 15px;    
}

.rq-nouveautes-titre { 
    display: block;
    padding: 4px 0 8px 0;
    font-weight: bold;   
}

.rq-collaspe-base { margin:15px 0}
.rq-collaspe-base a i { margin-left:5px}
.rq-collaspe-base a[aria-expanded="true"] i{ transform: rotate(180deg)}

.rq-version{
	color: #333;    
    border:1px solid #ddd; 
    margin-bottom:4px 
}

.rq-version button {    
	width: 100%;
	font-size:1.4rem;
	background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    border: none;
    text-align: right;
    position: relative;
    padding: 6px 45px 6px 15px}
    
.rq-version   button > i {
    position: absolute;
    right: 10px;
    top: 8px;
    transition: transform .3s;
}

.rq-version button[aria-expanded="true"] > i{ transform:rotate(180deg);transition: transform .3s}
.rq-version-body { padding:10px}

div.note p, .contenu div.note li, .note { font-size:small; }
div.note li { padding:4px 0}
div.note.non-numerotee li { list-style:none}
div.note.note-bas { margin-top:25px; padding-top:8px; border-top:1px dotted #444; clear: both}
.note a > i { color:#666}

em { font-style:normal; font-weight:600; color:#666; }
em a { color:#666 !important; }

/* list */
.rq-main-section ul > li {
	margin-bottom:0.65rem;
}
.rq-main-section ul > li > ul {
	margin-top:0.65rem;
}
ul.absencesListe {
	margin-left:0;
	padding-left:0;
}
ul.absencesListe > li {
	list-style:none;
	margin-bottom:1rem;
}
ul.absencesListe > li > ul > li {
	list-style:disc;
}


ul.dottedLeaders {
    overflow-x: hidden;
}
ul.dottedLeaders.noBullets {
    padding-left: 0;
    list-style: none}
.encart-vide ul.dottedLeaders {
    padding-left: 20px;
}
ul.dottedLeaders i::after {
    float: left;
    width: 100%;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    overflow-x: hidden;
    margin-top: -2.15rem;
}
ul.dottedLeaders span:first-child {
    padding-right: 0.33em;
    background: white;
}
ul.dottedLeaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white;
    position: relative;
    z-index: 1;
}
ol[type="a"].parentheses {
  counter-reset: list;
  padding-inline-start: 18px;
}
ol[type="a"].parentheses > li {
  list-style: none;
}
ol[type="a"].parentheses > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

/* icon */
table i.fa-arrow-right {
	position:absolute;
	padding-top:0.25rem;
	padding-left:0.75rem;
}
table i.fa-arrow-right + i {
	display:block;
	padding-left:3rem;
}

/* columns */
ul.threeCols {
       -webkit-columns: 3;
          -moz-columns: 3;
               columns: 3;
}

/* fonts */
.fontXL {
	font-size: x-large;
}

/* margins (negative) */
.mt-n1 { margin-top:-0.25rem; }
.mt-n2 { margin-top:-0.5rem; }
.mt-n3 { margin-top:-1rem; }
.mt-n4 { margin-top:-1.5rem; }
.mt-n5 { margin-top:-3rem; }

.mb-n1 { margin-bottom:-0.25rem; }
.mb-n2 { margin-bottom:-0.5rem; }
.mb-n3 { margin-bottom:-1rem; }
.mb-n4 { margin-bottom:-1.5rem; }
.mb-n5 { margin-bottom:-3rem; }

.ml-n1 { margin-left:-0.25rem; }
.ml-n2 { margin-left:-0.5rem; }
.ml-n3 { margin-left:-1rem; }
.ml-n4 { margin-left:-1.5rem; }
.ml-n5 { margin-left:-3rem; }

.mr-n1 { margin-right:-0.25rem; }
.mr-n2 { margin-right:-0.5rem; }
.mr-n3 { margin-right:-1rem; }
.mr-n4 { margin-right:-1.5rem; }
.mr-n5 { margin-right:-3rem; }


/* line-height */
.lh-0_5 {
	line-height:0.5;
}
.lh-1 {
	line-height:1;
}
.lh-1_5 {
	line-height:1.5;
}
.lh-2 {
	line-height:2;
}

.rq-ico-top {
	display:none;
	position: fixed;	
    bottom: 20px;
    right: 75px;
    margin: 0;
	max-height: 40px;
    max-width: 40px;   
    font-size:4rem;
    text-align: center;
    text-decoration: none;
    color: #666;
    transition: opacity 1s;}


/* MenuActions - Menu de gauche */
div.menuActions { max-height:750px; overflow-y:auto; padding-bottom:35px}


@media (max-width:421px) {
    .fil-ariane ul>li {margin-left:5px}
    .rq-toolbar-reseau .rq-tuile {margin-left:3px}
    .rq-toolbar-reseau > ul > li a, .rq-toolbar-reseau > ul > li button{width: 30px; height: 30px; padding: 5px 4px 4px }
    .rq-toolbar-reseau > ul > li button{padding-top:2px}
}

a[href*="cnrrsp"] { 
	word-break: break-all;
    word-wrap: break-word;
 }

@media (max-width:991px){
    .rq-main nav {height: 100%; padding-left:0!important; padding-right:0!important; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1);} 
    .rq-main nav.show {         
        left: 0;                
        transition:left .5s
    }
    .rq-ico-top {	
	    bottom: 10px;
	    right: 10px;
	    margin: 0;
	 }
}

@media (min-width:992px){
    
    header .btn-link {
    	position: absolute;
    	top: 82px;
    	right: 0;
 	}

	.rq-main { 
		margin-top: 35px; 
		margin-bottom:30px
	}

    .rq-main nav { position: relative; left: 0 }
    .rq-main nav .nav{ border-radius: 10px;}
    .rq-main nav .rq-btn-close {display: none}
    .rq-main-accueil { width: 60%; margin: 0 auto}
    .rq-toolbar-reseau > ul > li button.rq-btn-menu { display: none}
    .container-fluid > div > header { min-height: 100px}
    .container-fluid > div > header h1{ position: absolute; left: 33.33333%; top:10px; max-width: 440px; margin-top: 0}  
    
    .rq-menu>div>ul>li>a, .rq-menu>ul>li>a {
		 padding:.7rem;
		 line-height:normal;
		 font-size:1.5rem	
		}
    .rq-menu {position:relative; }
    
    .rq-menu-bas {		
		min-height: 50px;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 70%);
	    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 70%);
	    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 70%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	}     
}

@media (min-width:1200px){
    .container-fluid > div > header { min-height: 70px}
    .container-fluid > div > header h1{ left: 33.33333%; top:10px; max-width: 100%}    
}

@media print {
	a[href]:after {content: " ";}	
	abbr[title]:after, a[href]:after {content: "";}
	.encart-titre > strong, .encart-vide > strong { left: 0; position: relative; top: 0; margin:0!important; padding-left:0}
	.contenu .encart-plein h2, .contenu .encart-plein > * { color:#000!important}
	.encart-titre { border-width:0; }
	.encart-vide > strong, .encart-vide > h2 { position:relative; left:0; top:0; padding: 2px 0}
	.encart-vide > p { padding-left:0}
	.page-break-b {page-break-before: always;}
	.page-break-a {page-break-after: always;}
	h2, h3 { page-break-after:avoid;}
	table, p, .encart-bordure, .encart-plein, .encart-vide, ol, ul, footer {page-break-inside: avoid;}
	table {page-break-before: avoid;}
	table + div.note { page-break-before:avoid!important;}
	.encart-plein>*{color:#000!important;}
	footer { display:none;}	
	.fil-ariane { display:none}
	.no-print{ display:none;}
	.table-couleur td,  
	.table-couleur th, 
	.contenu .encart-plein table td, 
	.contenu .encart-plein table th{ border: 1px solid #ddd !important;}
	.ico-nouveautes-small { max-width:20px; width:20px; height:auto; padding:0 2px;}
}